<template>
    <div class="info-title">
        <div class="left-bedeck"></div>
        <div class="right">
            <div class="top-title">{{ topTitle }}</div>
            <div class="bot-title">{{ botTitle }}</div>
        </div>
    </div>
</template>
<script>
export default {
    props: {
        // 标题文字
        topTitle: {
            type: String,
            default: "",
            required: true,
        },
        botTitle: {
            type: String,
            default: "About US",
            required: true,
        },
        
    },
    data() {
        return {};
    },
    methods: {
        // 点击事件
        handleClick() {
            this.$emit("click");
        },
    },
};
</script>
<style scoped lang="scss">
 .info-title {
            display: flex;
            align-items: center;
            .left-bedeck {
                width: 3px;
                height: 36px;
                background: #193980;
            }

            .right {
                display: flex;
                flex-direction: column;
                margin-left: 15px;
                .top-title {
                    color: #193980;
                    font-family: PingFang SC;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                }

                .bot-title {
                    color: #909090;
                    font-family: PingFang SC;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                }
            }
        }
</style>